<!DOCTYPE html>
<html lang="en-us">
    <head>
        <meta charset="UTF-8" />
        <title>sqlflow widget</title>
        <script src="/jquery.min.js"></script>
        <style>
            body {
                padding: 40px;
            }

            ol {
                font-size: 20px;
            }
        </style>
    </head>

    <body>
        <ol>
            <li><a href="1/" target="_blank">demo：visualize sqltext</a></li>
            <li><a href="2/" target="_blank">demo：visualize a job</a></li>
            <li><a href="3/" target="_blank">demo：visualize schema of a job</a></li>
            <li><a href="4/" target="_blank">demo: visualize a job with setting</a></li>
            <li><a href="5/" target="_blank">demo: visualize sqltext with setting</a></li>
            <li><a href="6/" target="_blank">demo：visualize a job from json</a></li>
            <li>demo：visualize a job from json url</li>
            <ul>
                <li><a href="7/data/d1/" target="_blank">d1</a></li>
                <li><a href="7/data/d2/" target="_blank">frontend layout 1</a></li>
                <li><a href="7/data/d3/" target="_blank">frontend layout 2</a></li>
            </ul>
            <li><a href="8/" target="_blank">demo：get error message</a></li>
            <li><a href="9/" target="_blank">demo：add an event listener on field(column) click</a></li>
            <li><a href="10/" target="_blank">demo：freestyle 1</a></li>
            <li><a href="11/" target="_blank">demo：freestyle 2</a></li>
            <li><a href="12/" target="_blank">demo：freestyle 3</a></li>
            <li><a href="13/" target="_blank">demo：visualize csv</a></li>
            <li><a href="14/" target="_blank">demo：use widget in Vue</a></li>
            <li><a href="15/" target="_blank">demo：add an event listener on table name click</a></li>
            <li><a href="16/" target="_blank">demo：custom UI component</a></li>
        </ol>
    </body>
</html>
